<template>
  <div>
    <div class="right-container" id="right-container">
      <my-info />
      <recommond />
      <music />
      <Link />
<!--      <mulu :nav="nav" style="margin-top: 15px;" />-->
    </div>
  </div>
</template>

<script>
import myInfo from './my-info'
import Cookies from 'js-cookie'
import recommond from './recommond'
import music from './music'
import Link from './link'
import mulu from '../blog/mulu'
export default {
  name: 'Index',
  components: {
    myInfo,
    recommond,
    music,
    Link
  },
  data() {
    return {
      nav: []
    }
  },
  watch: {
  },
  created() {
  }
}
</script>

<style scoped>
  .right-container{
    display: flex;
    width: 350px;
    padding: 0 10px;
    flex-direction: column;
  }
</style>
